<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<title>投诉</title>
	<style>
		* {
			margin: 0;
			padding: 0;
		}
		ul {
			list-style: none;
		}
		body {
			background: #e5e5e5;
		}
		header{
			/*width: 100%;*/
			height: 2rem;
			color: white;
			line-height: 2rem;
			background: #393a3f;
			font-size: .8rem;
			padding-left: .5rem;
		}
		header img {
			width: .8rem;
			vertical-align: middle;
		}
		header span {
			vertical-align: middle;
			/*margin-left: .5rem;*/
		}
		#com_body ul {
			/*margin: 0 .5rem;*/
			background: white;
			padding-left: .5rem;
		}
		#com_body li {
			font-size: .7rem;
			border-bottom: 1px solid #e5e5e5;
			padding:.6rem;
			position: relative;
		}
		#com_body div {
			font-size: .7rem;
			border-bottom: 1px solid #e5e5e5;
			padding:.6rem;
			/*position: relative;*/
			background: white;
		}
		#com_body p {
			padding: 1rem .5rem;
			color: #999999;
			font-size: .6rem;
		}
		#com_body li img {
			position: absolute;
			right: .5rem;
			width: .7rem;
		}
		#com_go {
			width: 20vw;
			height: 1.5rem;
			margin-left: 40vw;
			margin-top: 2rem;
			outline: none;
			border: none;
			color: white;
			background: green;
			border-radius: .2rem;
		}
		.span {
			font-size: .6rem;
			padding: .5rem 1rem;
			color: #9a9a9a;
			display: inline-block;
		}
		header hr {
			vertical-align: middle;
			display: inline-block;
			height: 50%;
			background: #2e2e32;
			color: #2e2e32;
			border: none;
			border-left: 1px solid #2e2e32;
			margin: 0 .3rem;
		}
	</style>
	
</head>
<body>
<!-- 	<header>
		<img id="header_lef" src="__PUBLIC__/Home/images/homePage/com_cha.png" alt="">
		<hr />
		<span>投诉</span>
	</header> -->
	<span class="span">请选择投诉该网页的原因</span>
	<div id="com_body">
		<ul>
			<li class="tc">
				<span>网页包含欺诈信息(如：假红包)</span>
				<img src="../images/sm_right.png" alt="">
			</li>
			<li class="tc">
				<span>网页包含色情信息</span>
				<img src="../images/sm_right.png" alt="">
			</li>
			<li class="tc">
				<span>网页包含暴力恐怖信息</span>
				<img src="../images/sm_right.png" alt="">
			</li>
			<li class="tc">
				<span>网页包含政治敏感信息</span>
				<img src="../images/sm_right.png" alt="">
			</li>
			<li class="tc">
				<span>网页在收集个人隐私信息(如：钓鱼链接)</span>
				<img src="../images/sm_right.png" alt="">
			</li>
			<li class="tc">
				<span>网页包含诱导性质的内容</span>
				<img src="../images/sm_right.png" alt="">
			</li>
			<li class="tc">
				<span>网页包含谣言信息</span>
				<img src="../images/sm_right.png" alt="">
			</li>
		</ul>
		<!-- <p>个人/企业等民事主体被诽谤侮辱、人身权或知识产权等被侵犯请选择“侵权”投诉</p> -->
		<!-- <div  class="tc">侵权（冒充他人、侵犯名誉等）</div> -->
	</div>
</body>
<script src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
// 设置动态fontSize
	!(function(doc, win) {
	    var docEle = doc.documentElement,
	        evt = "onorientationchange" in window ? "orientationchange" : "resize",
	        fn = function() {
	            var width = docEle.clientWidth;
	            width && (docEle.style.fontSize = 20 * (width / 320) + "px");
	        };
	    win.addEventListener(evt, fn, false);
	    doc.addEventListener("DOMContentLoaded", fn, false);
	}(document, window));
	$('.tc').click(function () {
		setInterval(function  () {
			window.location.href="buil_ts.html";
		},500);
		
	});
// 跳转
	$('#header_lef').click(function () {
		window.location.href="gameIndex.html";
	});
	// 诱导行为
	$('.active').click(function () {
		window.location.href="behavior.html";
	});
	//不实信息
	$('.information').click(function () {
		window.location.href="information.html";
	});
</script>
</html>